<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="../css/tu.css"/>
</head>

<body>
<!-- 上方内容 -->
  <div class="box">
      <div class="head">
         <span>热门</span>
         <a href="#">更多></a>
      </div>
  <!-- 图片内容 -->  
  <ul>
    <li>
      <div class="deatil">
         <h2>鹿</h2>
         <p>林间有鹿</p>
      </div>
      <img src="../img/0.jpg" width="160px" height="240px" alt=""/>
    </li>

    <!--第二个图片-->
  <li>
      <div class="deatil">
         <h2>向</h2>
         <p>向死而生</p>
      </div>
      <img src="../img/1.jpg" width="160px" height="240px" alt=""/>
    </li>

      <!--第3个图片-->
  <li>
      <div class="deatil">
         <h2>五</h2>
         <p>五福同心</p>
      </div>
      <img src="../img/2.jpg" width="160px" height="240px" alt=""/>
    </li>

      <!--第4个图片-->
  <li>
      <div class="deatil">
         <h2>头</h2>
         <p>改头换面</p>
      </div>
      <img src="../img/3.jpg" width="160px" height="240px" alt=""/>
    </li>


      <!--第5个图片-->
  <li>
      <div class="deatil">
         <h2>心</h2>
         <p>心有灵犀</p>
      </div>
      <img src="../img/4.jpg" width="160px" height="240px" alt=""/>
    </li>


      <!--第6个图片-->
  <li>
      <div class="deatil">
         <h2>福</h2>
         <p>福如东海</p>
      </div>
      <img src="../img/5.jpg"width="160px" height="240px" alt=""/>
    </li>


      <!--第7个图片-->
  <li>
      <div class="deatil">
         <h2>山</h2>
         <p>风林火山</p>
      </div>
      <img src="../img/6.jpg"width="160px" height="240px" alt=""/>
    </li>


      <!--第4个图片-->
  <li>
      <div class="deatil">
         <h2>林</h2>
         <p>双木为林</p>
      </div>
      <img src="../img/7.jpg" width="160px" height="240px" alt=""/>
    </li>
    <li>
        <div class="deatil">
           <h2>兔</h2>
           <p>动若脱兔</p>
        </div>
        <img src="../img/8.jpg" width="160px" height="240px" alt=""/>
      </li>
      <li>
        <div class="deatil">
           <h2>鼠</h2>
           <p>胆小鼠辈</p>
        </div>
        <img src="../img/9.jpg" width="160px" height="240px" alt=""/>
      </li>
      <li>
        <div class="deatil">
           <h2>虎</h2>
           <p>虎虎生威</p>
        </div>
        <img src="../img/10.jpg" width="160px" height="240px" alt=""/>
      </li>

  </ul>  
  </div>
</body>
</html>
